<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=2,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" href="css/tg_mobile_reset.css">
	<title>张超自定义标题</title>
</head>
<body>

	<div id="app">
		<div>
			<select v-model="currVal">
				<option value="0">请选择</option>
				<option :value="obj.val" v-for="(obj,index) in arr">{{obj.txt}}</option>
			</select>
			<select v-show="currVal===4" v-model='secVal'>
				<option :value="obj.val" v-for="(obj,index) in arr2">{{obj.txt}}</option>
			</select>
		</div>
	</div>



	<script src="./lib/vue.min.js"></script>
	<script>
		var app = new Vue({
			el:'#app',
			data:{
				currVal:0,
				arr:[
					{val:1,txt:111},
					{val:2,txt:222},
					{val:3,txt:333},
					{val:4,txt:444}
				],
				arr2:[
					{val:2,txt:'旅行0'},
					{val:3,txt:'旅行1'},
					{val:4,txt:'旅行2'},

				]
			}
		})
	</script>
</body>
</html>